<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/regist.css">
</head>

<body>
    <!-- 头部导航 -->
    <nav class="top_nav">
        <div class="contains">
            <div class="topnav_l">
                <div class="p1"><span></span>收藏花礼网(hua.com)</div>
                <div class="p2">
                    <span></span>
                    <h5>关注微信</h5>
                    <p class="vx">
                        <img src="../images/wxguanjia_qrcode.png" alt="">
                        <i>扫码关注</i><br>
                        <i>回复"礼物"更多惊喜！</i>
                    </p>
                </div>
                <div class="p3">
                    <span></span>
                    <h5>花礼网app</h5>
                    <p class="app">
                        <img src="../images/app_download_qrcode.png" alt="">
                        <i>新人专享100元APP礼包</i>
                    </p>
                </div>
            </div>
            <div class="topnav_r">
                <div class="login">
                    <a href="./login.html">你好，请登录</a>
                    <a href="./regist.html">注册</a>
                </div>
                <a class="uinfo" href="">订单查询</a>
                <a class="uinfo infomenu" href="">
                    <span>客户服务</span>
                    <i></i>
                    <div class="menulist">
                        <li href="">在线付款</li>
                        <li href="">帮助中心</li>
                        <li href="">售后服务</li>
                        <li href="">配送范围</li>
                        <li href="">留言反馈</li>
                    </div>
                </a>
                <a class="uinfo" href="../html/cart.html">购物车</a>
                <p>鲜花礼品网:国内领先鲜花网品牌</p>
            </div>
        </div>
    </nav>
    <!-- logo搜索框 -->
    <div class="logo">
        <div class="contains">
            <h1>
                <img class="logoimg" src="../images/big-logo.png" alt="">
            </h1>
            <div class="sousuo">
                <div class="search">
                    <span></span>
                    <input type="text" placeholder="商品搜索">
                    <button>搜索</button>
                </div>
                <p class="hotsearch">
                    <a href="">红玫瑰</a>
                    <a href="">永生花</a>
                    <a href="">生日鲜花</a>
                    <a href="">礼品卡</a>
                </p>
            </div>
            <div class="pho">
                <div class="photo">
                    <span></span>
                    <p>400-889-8188</p>
                </div>
                <div class="kefu">
                    <span></span>
                    <a href="">在线客服</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 注册背景 -->
    <div class="reg">
        <div class="contains">
            <div class="regist_box">
                <!-- 注册类型 -->
                <div class="regist_type">
                    <p class="numtel active">手机账号注册</p>
                    <p class="numcom">邮箱账号注册</p>
                </div>
                <!-- 表单 -->
                <div class="regist_form">
                    <form id="form1" action="">
                        <div class="phonereg">
                            <p>
                                <i class="i1"></i>
                                <input type="text" id="phonenum" name="tel" placeholder="请输入手机">
                            </p>
                            <div class="msgreg">
                                <i class="i3"></i>
                                <input type="text" name="msg" class="msg" placeholder="请输入验证码">
                                <div class="yzm">获取验证码</div>
                            </div>
                            <p>
                                <i class="i2"></i>
                                <input type="password" id="password" name="pawd" placeholder="请输入密码">
                            </p>
                            <button>注册</button>
                        </div>
                    </form>
                    <form id="form2" action="">
                        <div class="mailbox">
                            <p>
                                <i class="i1"></i>
                                <input type="text" name="mail" class="comreg" placeholder="请输入邮箱">
                            </p>
                            <p>
                                <i class="i2"></i>
                                <input type="password" name="pawd" class="compawd" placeholder="请输入密码">
                            </p>
                            <button>注册</button>
                        </div>
                    </form>
                </div>
                <div class="login_buttom">
                    <div class="loginqq">
                        <a class="qq" href="">
                            <i></i>
                            <span>QQ</span>
                        </a>
                        <a class="zfb" href="">
                            <i></i>
                            <span>支付宝</span>
                        </a>
                    </div>
                    <a class="loginnum" href="../html/login.html">
                        <span>登录账号</span>
                        <i></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="contains">
            <div class="footnav">
                <a href="">首页</a>
                <a href="">关于我们</a>
                <a href="">媒体报道</a>
                <a href="">联系方式</a>
                <a href="">企业团购</a>
                <a href="">花店入驻</a>
                <a href="">友情链接</a>
                <a href="">在线补款</a>
                <a href="">为什么选择花礼网</a>
            </div>
            <div class="footimg">
                <span class="span1"></span>
                <span class="span2"></span>
                <span class="span3"></span>
                <i class="span4">
                    <img src="../images/govIcon.gif" alt="">
                </i>
            </div>
            <div class="footnew">
                <a href="">中国花卉协会会员</a>
                <a href="">中国电子商务协会会员</a>
                <span>ICP经营许可证：</span>
                <a href=""> 粤B2-20050744</a>
                <a href="">粤ICP备09171662号</a>
                <span>粤公网安备44030502000373号 Copyright © 2005-2021</span>
            </div>
            <div class="footcom">
                <a href="">www.hua.com</a>
                <span>深圳市百易信息技术有限公司</span>
            </div>
        </div>
    </footer>
    <script src="../data/jquery/jquery.min.js"></script>
    <script src="../data/validation/dist/jquery.validate.min.js"></script>
    <script src="../data/validation/dist/localization/messages_zh.min.js"></script>
    <script src="../js/regist.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</body>

</html>